/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 */

import { StyleSheet, Text, StatusBar, View } from 'react-native';
import {
  SafeAreaProvider,
} from 'react-native-safe-area-context';

function App() {

  return (
    <SafeAreaProvider>
      <StatusBar />
      <View style={styles.container}>
        <View><Text>首页</Text></View>
        <View><Text>店铺</Text></View>
        <View><Text>图片</Text></View>
        <View><Text>我的</Text></View>
      </View>
    </SafeAreaProvider>
  );
}

const styles = StyleSheet.create({
  container: {
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'space-around',
    alignItems: 'center',
    borderTopWidth: 1,
    borderTopColor: '#ddd',
    position: 'absolute',
    bottom: 0,
    lett: 0,
    right: 0,
    width: '100%',
    height: 30,
  },
});

export default App;
